<?php

	$this->Html->script(array('jquery.maskedinput-1.2.2.min','maskinput','jquery.ui.datepicker-pt-BR','datepicker'), false);
	$this->Html->css(array('agenda'), null, array('inline' => false));
	
	echo $this->Form->create('Agenda', array('onsubmit' => 'return confirma();'));
	echo '<fieldset><legend>1º Passo: Selecione Período e Médico</legend>';
	echo $this->Form->input('data_inicial', array('label' => __('Data Inicial'), 'type' => 'text', 'class' => 'maskdata data'));
	echo $this->Form->input('data_final', array('label' => __('Data Final'), 'type' => 'text', 'class' => 'maskdata data'));
	echo $this->Form->input('medico_id', array('label' => __('Médico'), 'type' => 'select', 'options' => $medicos, 'empty' => 'Selecione...'));
	echo '</fieldset>';
	echo '<fieldset><legend>2º Passo: Monte o Horário Excepcional</legend>';
	echo $this->Form->input('dia_semana',array('type' => 'select', 'options' => $dia_semana, 'empty' => 'Selecione...', 'class' => 'tamanho20', 'label' => __('Dia Semana')));
	echo $this->Form->input('hora_inicio',array('type'=> 'text', 'class' => 'maskhora hora', 'label' => __('Horário Inicial')));
	echo $this->Form->input('tipo_procedimento_id',array('type'=>'select','options'=>$tipoprocedimentos, 'empty'=>'Selecione..', 'label'=> __('Tipo Procedimento')));
	echo $this->Form->input('sala_id',array('type' => 'select', 'options' => $salas, 'empty' => 'Selecione..', 'label'=> __('Sala')));
	echo $this->Form->input('observacao', array('class' => 'tamanho50', 'label' => __('Observação'), 'maxlength' => 100));
	echo '<div style="padding-top: 15px;">';
	echo $this->Form->button('Incluir Horário', array('type' => 'button', 'id' => 'bt_incluir_horario'));
	echo '</div>'; 
	echo '</fieldset>';
	echo $this->Form->end();
	
	echo $this->Form->create('Confirmar');
	echo $this->Form->input('data_inicial', array('type' => 'hidden'));
	echo $this->Form->input('data_final', array('type' => 'hidden'));
	echo $this->Form->input('medico_id', array('type' => 'hidden'));
	echo '<fieldset><legend>3º Passo: Confirmar</legend>';
	echo '<div id="horarios" style="clear:both;"></div>';
	echo '<div class="botoes_form">';
	echo $this->Form->button('Criar', array('type' => 'button', 'id' => 'bt_criar'));
	echo '</div>'; 	
	echo '</fieldset>';
	echo $this->Form->end();	
?>

<script>

	function confirma() {
		
		return confirm('Confirma criação da agenda?');
	}

	$('#bt_incluir_horario').click(function(){

		$.ajax({
			type: 'POST',
			dataType: 'json',
			url: '<?php echo $this->request->base; ?>/agendas/criacao_manual_armazenar/',
			async: true,
			data: $('#AgendaCriacaoManualForm').serialize(),
			beforeSend : function() {
				
			},
			success: function(retorno){
				if (!retorno.sucesso) {
					alert(retorno.mensagem);
				} else {
					carregar_horarios();
				}
			}
		});

	});

	carregar_horarios();
	
	function carregar_horarios() {
		
		$.ajax({
			type: 'POST',
			url: '<?php echo $this->request->base; ?>/agendas/criacao_manual_carregar/',
			async: true,
			beforeSend : function() {
				$('#horarios').css('opacity','0.4');
			},
			success: function(view){
				$('#horarios').html(view).css('opacity','1');;
			}
		});
	}

	function excluir_horario(key) {

		if (!confirm('Confirma exclusão do horário?'))
			return;

		$.ajax({
			type: 'POST',
			url: '<?php echo $this->request->base; ?>/agendas/criacao_manual_excluir_horario/' + key,
			async: true,
			beforeSend : function() {
				
			},
			success: function(){
				carregar_horarios();
			}
		});		
	}

	$('#bt_criar').click(function(){

		if (!confirm('Confirma a criação?'))
			return;

		$('#ConfirmarDataInicial').val( $('#AgendaDataInicial').val() );
		$('#ConfirmarDataFinal').val( $('#AgendaDataFinal').val() );
		$('#ConfirmarMedicoId').val( $('#AgendaMedicoId').val() );

		$.ajax({
			type: 'POST',
			dataType: 'json',
			data: $('#ConfirmarCriacaoManualForm').serialize(),
			url: '<?php echo $this->request->base; ?>/agendas/criacao_manual/',
			async: true,
			beforeSend : function() {
				
			},
			success: function(retorno){
				alert(retorno.mensagem);
			}
		});		

	});
	
</script>	